<script setup lang="tsx">
import MarketRadio from './components/marketRatio.vue'
import GoldRadio from './components/goldRatio.vue'
import { ref } from 'vue'
import { ElTabs, ElTabPane } from 'element-plus'
const activeName = ref(1)
const handleClick = (row) => {
  activeName.value = row.name
}
</script>

<template>
  <el-tabs v-model="activeName" type="card" class="demo-tabs" @tab-click="handleClick">
    <el-tab-pane label="大盘比例" :name="1" />
    <el-tab-pane label="金币比例" :name="2" />
  </el-tabs>
  <MarketRadio v-if="activeName === 1" />
  <GoldRadio v-else />
</template>
